<template>
    <div class="top">
        <a>scssYYYYYYY11111111111111111111111 </a>
1 <a class="sm">scssYYYYYYY11111111111111111111111 </a>
        <span class="sm">scssYYYYYYY11111111111111111111111 </span>
    </div>
</template>

<script>
    export default {

        methods: {
            aa: function () {
            var aaa=676867867;
            alert(aaa);
            }
        }
    }
</script>

<style lang="less" rel="stylesheet/less" scoped>
    @base: #48d852;
    .top{
        & a{
            font-size: 36px;
            color: darkmagenta;
        }
    }
.sm{
color: @base;
}

</style>